<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>OUR_Mailbox</title>

    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="font-awesome/css/font-awesome.css" rel="stylesheet">
    <link href="css/plugins/iCheck/custom.css" rel="stylesheet">
    <link href="css/animate.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">

</head>

<body >

    <div >

        <div   class="gray-bg">
        <div class="row border-bottom">
        <nav class="navbar navbar-static-top white-bg" role="navigation" style="margin-bottom: 0">
       <div class="navbar-header">
            <span class="navbar-minimalize minimalize-styl-2 btn btn-primary" style=" margin-left:38px" >our邮箱 </span>
         </div>	
		
            <ul class="nav navbar-top-links navbar-right">
              <li> <span class="m-r-sm text-muted welcome-message" style="font-size: 28px;font-family:jokerman;color: #8FB586"><strong>hello,welcome to our emailbox!</strong>&nbsp;&nbsp;&nbsp;<%=username%>@arman.com</span> </li>
              <li>
                    <a href="index.jsp">
                        <i></i> 退出	
                    </a>
                </li>
            </ul>

        </nav>
        </div>

        <div class="wrapper wrapper-content">
        <div class="row">
            <div class="col-lg-3">
                <div class="ibox float-e-margins">
                    <div class="ibox-content mailbox-content">
                        <div class="file-manager">
                            
                            <ul class="folder-list m-b-md" style="padding: 0">
                                <li><a href="mailbox.jsp?username=<%=username%>&password=<%=password%>"  style="font-size:17px;"> <i ></i>收件箱 </a></li>
                                  <li><a href="mailbox.html"  style="font-size: 17px; "> <i></i>发件箱</a></li>
                                <li><a href="mailbox.html" style="font-size: 17px; "> <i ></i>星标邮箱</a></li>
                                <li><a href="mailbox.html" style="font-size: 17px; "> <i></i>草稿箱</a></li>
                                <li><a href="mailbox.html" style="font-size: 17px; "> <i></i>垃圾箱</a></li>
                            <div class="space-25"></div>
							  <li><a  href="mail_send.html" style="font-size: 20px; font-family:jokerman"><i></i><strong>Write Letter</strong></a></li>
                          </ul>
                            <div class="clearfix"></div>
                            <div class="space-25"></div>
                             <img src="img/p4.jpg" width="270" height="230" alt=""/>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-9 animated fadeInRight">
            <div class="mail-box-header">
                <div class="pull-right tooltip-demo">
                    <a href="mail_send.html" class="btn btn-white btn-sm" data-toggle="tooltip" data-placement="top" title="Reply"><i class="fa fa-reply"></i>回复</a>
                   
                    <a href="mailbox.html" class="btn btn-white btn-sm" data-toggle="tooltip" data-placement="top" title="Move to trash">删除 </a>
                </div>
                <h2>
                    查看邮件
                </h2>
                <div class="mail-tools tooltip-demo m-t-md">


                    <h3>
                        <span class="font-noraml">subject: </span>Hello,arman
                    </h3>
                    <h5>
                        <span class="pull-right font-noraml">10:15AM 02 FEB 2014</span>
                        <span class="font-noraml">Sendto: </span>arman@our.com
                    </h5>
                </div>
            </div>
                <div class="mail-box">


                <div class="mail-body">
                    <p style="word-break: break-all">
                        Hello Jonathan!
                        <br/>
                        <br/>
                           &nbsp;&nbsp;The energy contained in rock within the earth’s crust represents a nearly unlimited energy source, but until recently commercial retrieval has been limited to underground hot water and/or steam recovery systems. These systems have been developed in areas of recent volcanic activity, where high rates of heat flow cause visible eruption of water in the form of geysers and hot springs. In other areas, however, hot rock also exists near the surface but there is insufficient water present to produce eruptive phenomena. Thus a potential hot dry rock (HDR) reservoir exists whenever the amount of spontaneously produced geothermal fluid has been judged inadequate for existing commercial systems. 
                          
                        </p>
                    <p style="word-break: break-all">&nbsp;&nbsp;
                       As a result of recent energy crisis, new concepts for creating HDR recovery systems—which involve drilling holes and connecting them to artificial reservoirs placed deep within the crust—are being developed. In all attempts to retrieve energy from HDR’s, artificial stimulation will be required to create either sufficient permeability or bounded flow paths to facilitate the removal of heat by circulation of a fluid over the surface of the rock.
                    </p>
                    <p style="word-break: break-all">&nbsp;&nbsp;
                        The HDR resource base is generally defined to included crustal rock that is hotter than 150℃, is at depths less than ten kilometers, and can be drilled with presently available equipment. Although wells deeper than ten kilometers are technically feasible, prevailing economic factors will obviously determine the commercial feasibility of wells at such depths. Rock temperatures as low as 100℃ may be useful for space heating; however, for producing electricity, temperatures greater than 200℃ are desirable.
                    </p>
                </div>
<!--
                    <div class="mail-attachment">
                        <p>
                            <span><i class="fa fa-paperclip"></i> 2 附件 - </span>
                            <a href="mail_detail.html#">下载全部</a>
                            |
                            <a href="mail_detail.html#">查看所有图片</a>
                        </p>

                        <div class="attachment">
                            <div class="file-box">
                                <div class="file">
                                    <a href="mail_detail.html#">
                                        <span class="corner"></span>

                                        <div class="icon">
                                            <i class="fa fa-file"></i>
                                        </div>
                                        <div class="file-name">
                                            Document_2014.doc
                                            <br/>
                                            <small>Added: Jan 11, 2014</small>
                                        </div>
                                    </a>
                                </div>

                            </div>
                          <div class="file-box">
                            <div class="file"> <a href="mail_detail.html#"> <span class="corner"></span>
                                  <div class="image"> <img alt="image" class="img-responsive" src="img/p1.jpg"> </div>
                              <div class="file-name"> Italy street.jpg <br/>
                                      <small>Added: Jan 6, 2014</small> </div>
                            </a> </div>
                          </div>
                            <div class="file-box">
                                <div class="file">
                                    <a href="mail_detail.html#">
                                        <span class="corner"></span>

                                        <div class="image">
                                            <img alt="image" class="img-responsive" src="img/p2.jpg">
                                        </div>
                                        <div class="file-name">
                                            My feel.png
                                            <br/>
                                            <small>Added: Jan 7, 2014</small>
                                        </div>
                                    </a>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                        </div>
-->
                        <div class="mail-body text-right tooltip-demo">
                                <a class="btn btn-sm btn-white" href="mail_send.html"><i class="fa fa-reply"></i>回复</a>
                                <a class="btn btn-sm btn-white" href="mailbox.html"><i class="fa fa-arrow-right"></i>返回</a>
                                <button title="" data-placement="top" data-toggle="tooltip" type="button" data-original-title="Print" class="btn btn-sm btn-white"><i class="fa fa-print"></i> 打印</button>
                                <button title="" data-placement="top" data-toggle="tooltip" data-original-title="Trash" class="btn btn-sm btn-white"><i class="fa fa-trash-o"></i>删除</button>
                        </div>
                        <div class="clearfix"></div>


                </div>
            </div>
        </div>
        </div>
        

        </div>
        </div>

    <!-- Mainly scripts -->
    <script src="js/jquery-2.1.1.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
    <script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>

    <!-- Custom and plugin javascript -->
    <script src="js/inspinia.js"></script>
    <script src="js/plugins/pace/pace.min.js"></script>

    <!-- iCheck -->
    <script src="js/plugins/iCheck/icheck.min.js"></script>
    <script>
        $(document).ready(function(){
            $('.i-checks').iCheck({
                checkboxClass: 'icheckbox_square-green',
                radioClass: 'iradio_square-green',
            });
        });
    </script>
	
	
</body>
<div  >
            
            <div style=" text-align:center">
                <strong></strong> our电子邮箱@软件1401班
            </div>
        </div>
</html>
